<div class="oa-panel-header">
    <div class="oa-panel-title">
        <div class="title">
            <span class="task"></span>
            {{'#task#' | i18n}}
        </div>
        <div class="oa-panel-title-toolbar">
            <a id="createTaskBtn" href="javascript:;" class="oa-add-btn"></a>
            <a href="javascript:;" title="关闭" class="oa-close-panel"></a>
            <div id="createTaskMenu" class="drop_div">
                <ul class="drop_menu">
                    <li act="selfCreateTask">
                        <a href="javascript:;">{{'TASK_PANEL_1' | i18n}}{{'#task#' | i18n}}</a>
                    </li>
                    <li act="assignTask">
                        <a href="javascript:;">{{'TASK_PANEL_2' | i18n}}{{'#task#' | i18n}}</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="oa-panel-body">
    <div class="oa-panel-body-nav">
        <div class="oa-panel-task-type">
            <span act="taskTab" viewType="1" class="header-type active">
              <a href="javascript:;">{{'TASK_PANEL_3' | i18n}}{{'#task#' | i18n}}</a>
            </span>
            <span act="taskTab" viewType="3" class="header-type">
              <a href="javascript:;">{{'TASK_PANEL_4' | i18n}}</a>
            </span>
        </div>
    </div>
    <div id="taskPanelContentDiv" class="oa-panel-content oa-panel-task-content">
        {{if unacceptedCount > 0}}
        <div class="oa-task-content-toolbar">
            <a act="taskCurtain" aType="toMe" href="javascript:;" class="oa-task-msg">{{'TASK_PANEL_5' | i18n}}<span>{{unacceptedCount}}</span>{{'TASK_PANEL_6' | i18n}}{{'#task#' | i18n}}{{'TASK_PANEL_7' | i18n}}</a>
        </div>
        {{/if}}
        <div class="oa-task-content-list">
            <div class="oa-panel-accordion approval-accordion">
            {{if overdueCount > 0}}
                <h3 class="ui-accordion-header task-accordion-header" taskType="overdue" title="{{'TASK_CLICK_OPEN' | i18n}}">
                    <span class="overdue">{{'TASK_PANEL_8' | i18n}}({{overdueCount}})</span>
                    <span class="expander"></span>
                </h3>
                <div class="oa-accordion-content approval-accordion-content clear" taskType="overdueTasksDiv" style="display: none">
                    <div class="oa-tab-body">
                        <div class="oa-listview-contents">
                            <div class="oa-list report-list-area daily-paper-list clear">
                                {{each overdueTasks as task i}}
                                    <div class="show-content clear" _taskId="{{task.id}}">
                                        {{if currentUserId == task.ownerId}}
                                            <div class="task_tickbox">
                                                <a href="javascript:void(0);" class="normal" title="{{'TASK_CLICK_FINISHED' | i18n}}" _taskId="{{task.id}}"></a>
                                            </div>
                                        {{else}}
                                            <div class="task_tickbox_disabled">
                                                <a href="javascript:void(0);" class="normal" title="{{'TASK_CURTAIN_MY_FINISHED_2' | i18n}}"></a>
                                            </div>
                                        {{/if}}
                                        <div class="right-content">
                                            <div class="show-info apply-show-info clear">
                                                <span>{{task.name}}</span>
                                            </div>
                                            <div class="show-tool show-info">
                                                <a class="publish-time" href="javascript:void(0);">{{task.planFinishDate}}</a>
                                                <span class="comment-num">{{task.commentCount}}</span>
                                            </div>
                                        </div>
                                    </div>
                                {{/each}}
                            </div>
                        </div>
                        <div class="oa-listview-footer"></div>
                    </div>
                </div>
            {{/if}}
            {{if todayCount > 0}}
                <h3 class="ui-accordion-header task-accordion-header" taskType="today" title="{{'TASK_CLICK_OPEN' | i18n}}">
                    <span>{{'TASK_CURTAIN_MY_FINISHED_1' | i18n}}({{todayCount}})</span>
                    <span class="expander"></span>
                </h3>
                <div class="oa-accordion-content approval-accordion-content clear" taskType="todayTasksDiv" style="display: none">
                    <div class="oa-tab-body">
                        <div class="oa-listview-contents">
                            <div class="oa-list report-list-area daily-paper-list clear">
                                {{each todayTasks as task i}}
                                <div class="show-content clear" _taskId="{{task.id}}">
                                    {{if currentUserId == task.ownerId}}
                                    <div class="task_tickbox">
                                        <a href="javascript:void(0);" class="normal" title="{{'TASK_CLICK_FINISHED' | i18n}}" _taskId="{{task.id}}"></a>
                                    </div>
                                    {{else}}
                                    <div class="task_tickbox_disabled">
                                        <a href="javascript:void(0);" class="normal" title="{{'TASK_CURTAIN_MY_FINISHED_2' | i18n}}"></a>
                                    </div>
                                    {{/if}}
                                    <div class="right-content">
                                        <div class="show-info apply-show-info clear">
                                            <span>{{task.name}}</span>
                                        </div>
                                        <div class="show-tool show-info">
                                            <a class="publish-time" href="javascript:void(0);">{{task.planFinishDate}}</a>
                                            <span class="comment-num">{{task.commentCount}}</span>
                                        </div>
                                    </div>
                                </div>
                                {{/each}}
                            </div>
                        </div>
                        <div class="oa-listview-footer"></div>
                    </div>
                </div>
            {{/if}}
            {{if tomorrowCount > 0}}
                <h3 class="ui-accordion-header task-accordion-header" taskType="tomorrow" title="{{'TASK_CLICK_OPEN' | i18n}}">
                    <span>{{'TASK_PANEL_9' | i18n}}({{tomorrowCount}})</span>
                    <span class="expander"></span>
                </h3>
                <div class="oa-accordion-content approval-accordion-content clear" taskType="tomorrowTasksDiv" style="display: none">
                    <div class="oa-tab-body">
                        <div class="oa-listview-contents">
                            <div class="oa-list report-list-area daily-paper-list clear">
                                {{each tomorrowTasks as task i}}
                                <div class="show-content clear" _taskId="{{task.id}}">
                                    {{if currentUserId == task.ownerId}}
                                    <div class="task_tickbox">
                                        <a href="javascript:void(0);" class="normal" title="{{'TASK_CLICK_FINISHED' | i18n}}" _taskId="{{task.id}}"></a>
                                    </div>
                                    {{else}}
                                    <div class="task_tickbox_disabled">
                                        <a href="javascript:void(0);" class="normal" title="{{'TASK_CURTAIN_MY_FINISHED_2' | i18n}}"></a>
                                    </div>
                                    {{/if}}
                                    <div class="right-content">
                                        <div class="show-info apply-show-info clear">
                                            <span>{{task.name}}</span>
                                        </div>
                                        <div class="show-tool show-info">
                                            <a class="publish-time" href="javascript:void(0);">{{task.planFinishDate}}</a>
                                            <span class="comment-num">{{task.commentCount}}</span>
                                        </div>
                                    </div>
                                </div>
                                {{/each}}
                            </div>
                        </div>
                        <div class="oa-listview-footer"></div>
                    </div>
                </div>
            {{/if}}
            {{if scheduledCount > 0}}
                <h3 class="ui-accordion-header task-accordion-header" taskType="scheduled" title="{{'TASK_CLICK_OPEN' | i18n}}">
                    <span>{{'TASK_PANEL_10' | i18n}}({{scheduledCount}})</span>
                    <span class="expander"></span>
                </h3>
                <div class="oa-accordion-content approval-accordion-content clear" taskType="scheduledTasksDiv" style="display: none">
                    <div class="oa-tab-body">
                        <div class="oa-listview-contents">
                            <div class="oa-list report-list-area daily-paper-list clear">
                                {{each scheduledTasks as task i}}
                                <div class="show-content clear" _taskId="{{task.id}}">
                                    {{if currentUserId == task.ownerId}}
                                    <div class="task_tickbox">
                                        <a href="javascript:void(0);" class="normal" title="{{'TASK_CLICK_FINISHED' | i18n}}" _taskId="{{task.id}}"></a>
                                    </div>
                                    {{else}}
                                    <div class="task_tickbox_disabled">
                                        <a href="javascript:void(0);" class="normal" title="{{'TASK_CURTAIN_MY_FINISHED_2' | i18n}}"></a>
                                    </div>
                                    {{/if}}
                                    <div class="right-content">
                                        <div class="show-info apply-show-info clear">
                                            <span>{{task.name}}</span>
                                        </div>
                                        <div class="show-tool show-info">
                                            <a class="publish-time" href="javascript:void(0);">{{task.planFinishDate}}</a>
                                            <span class="comment-num">{{task.commentCount}}</span>
                                        </div>
                                    </div>
                                </div>
                                {{/each}}
                            </div>
                        </div>
                        <div class="oa-listview-footer"></div>
                    </div>
                </div>
            {{/if}}
            </div>
        </div>
    </div>
    <div class="oa-task-footer-wrap">
        <div class="oa-panel-footer oa-task-footer">
            <a id="showFinishedTasks" act="taskCurtain" viewType="1" href="javascript:;">{{'TASK_PANEL_11' | i18n}}</a>
        </div>
    </div>
</div>